<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/top.jsp" %>

<link rel="stylesheet" href="css/shop.css">
<style>
    @font-face {
        font-family: 'cm';
        src: url("font/Begilas.otf");
    }

    .display {
        max-height: 620px;
    }

    #catalog{
        max-height: 520px;
        overflow-y: auto;
    }

    #BackLink{
        position: relative;
        top: 10px;
    }

</style>
<div class="display">

    <div id="Catalog">

        <table>
            <tr>
                <th>&nbsp;</th>
                <th>Product ID</th>
                <th>Name</th>
            </tr>
            <c:forEach var="product" items="${sessionScope.productList}">
                <tr>
                    <td>
                        <a href="productForm?productId=${product.productId}">
                                ${product.description}
                        </a>
                    </td>
                    <td>
                        <b>
                            <a href="productForm?productId=${product.productId}">
                                <font color="BLACK"> ${product.productId} </font>
                            </a>
                        </b>
                    </td>
                    <td>${product.name}</td>
                </tr>
            </c:forEach>


        </table>

    </div>
    <div id="BackLink">
        <a href="mainForm">
            <button><span>返回</span></button>
        </a>
    </div>
</div>